<script>
	import { mapGetters } from 'vuex';
	
	export default {
		onLaunch: function() {
			console.log('App Launch');
			// 因为vuex中不会自动在创建vuex对象时直接调用方法
			// 所以我们一般被动的自己调用，但要作用于全部数据之前
			// 只能放入launch函数中手动调用
			if(!this.autoGetInfo) this.$store.dispatch("user/getUserInfo");
			// #ifdef H5
			this.isPC();
			window.onresize = () => {
				this.isPC();
			}
			// #endif
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		computed: {
			...mapGetters({
				autoGetInfo: 'user/autoGetInfo'
			})
		},
		methods: {
			//判断是否为PC端
			isPC() {
				uni.getSystemInfo({
					success(e) {
						/* 窗口宽度大于420px且不在PC页面且不在移动设备时跳转至 PC.html 页面 */
						if (e.windowWidth > 420 && !window.top.isPC && !/iOS|Android/i.test(e.system)) {
							window.location.pathname = '/static/html/pc.html';
						}
					}
				});
			}
		}
	}
</script>

<style lang="scss">
// 引入全局默认样式	
@import './common/css/common.scss';
#app{
	// 因为修改器整体的字体大小会影响后面图标大小的修改，
	// 所以不设置字体大小
	/* #ifdef APP-PLUS */
	font-size: 30rpx;
	/* #endif */
	/* #ifdef H5 */
	font-size: 16px;
	/* #endif */
}
</style>
